html, body, option {
	font-family: Verdana, sans-serif;
}
body {
	min-width: 850px;
}
h1 {
	float: left;
	width: 100%;
	padding: 15px 0;
	
	background: #67abff;
	color: #fff;
	
	font-family: "Myriad Pro", verdana, sans-serif;
	text-indent: 20px;
	font-size: 3em;
}
div, fieldset, table {
	float: left;
	width: 31%;
	padding: 10px;
}
div h2, fieldset h2 {
	float: left;
	width: 100%;
	font-size: 2em;
}
fieldset h2 {
	font-size: 1.7em;
	margin-bottom: 10px;
}
input, label, button {
	float: left;
	margin: 2px 5px;
}
.text input {
	width: 60%;
}
button, label {
	width: auto;
}
button {
	float: right;
}
div select, .checkboxes {
	float: left;
	width: 100%;
	height: auto;
	border: 1px solid #000;
}
div option, fieldset p {
	border: 0 dotted #aaa;
	padding: 6px 0;
	text-indent: 5px;
	font-size: 11px;
}
fieldset p {
	border-bottom-width: 1px;
}
option.odd, tr.odd td {
	background-color: #ededed;
}
p.odd {
	border-right-width: 1px;
	margin-right: -1px;
}
.highlight {
	background: url(../img/highlight.png) no-repeat right center;
}
.downlight {
	background: url(../img/downlight.png) no-repeat right center;
}
div option:hover, .checkboxes p:hover, tbody tr:hover td {
	background-color: #94C5FF;
}
.checked {
	background-color: #B9D7FB;
}
form fieldset {
	width: 45%;
}
.hide {
	display: none;
}
.mainfield, table {
	width: 95%;
}
.mainfield p {
	width: 40%;
}
.buttons {
	float: right;
}
.rating input {
	float: left;
	width: auto;
	font-size: 20px;
	font-weight: bold;
}
p {
	float: left;
	width: 100%;
}
fieldset input {
	float: right;
}
.checkboxes {
	max-height: 210px;
	overflow: auto;
	padding: 0;
}
fieldset input {
	width: auto;
}
.checkboxes label {
	float:right;
	width: 80%;
}
.checkboxes p {	
	width: 49%;
}
table {
	margin: 10px;
}
table thead {
	font-weight: bold;
	border: 0 solid #000;
	border-bottom-width: 1px;
}
table td {
	padding: 2px 10px;
	font-size: 12px;
}
table td#colCrit, table td#colComment {
	width: 40%;
}
table td#colMark {
	width: 5%;
}
table td textarea {
	width: 90%;
	font-family: verdana;
	font-size: inherit;
}
table td input {
	float: none;
	margin: 0;
	padding: 4px;
	width: 40px;
}
#menu {
	float: left;
	margin: 10px 20px;
}
#menu li {
	font-size: 18px;
	float: left;
	width: auto;
}
#menu li:after{
	content: "|";
}
#menu li a {
	color: #000;
	text-decoration: none;
	padding: 0 20px;
}
.loading {
	background: url(../img/spinner.gif) no-repeat right center;
}
.message {
	position: absolute;
	width: 400px;
	top: 0;
	right: 0;
	padding: 5px;
	margin: 2px;
	
	background: #fff289;
}
